<page-header title="我要分配" [breadcrumb]="breadcrumb" [action]="action" [action-group]="false" [back]="true">
    <ng-template #breadcrumb>
        <ql-breadcrumb>
            <ql-breadcrumb-item>客户管理</ql-breadcrumb-item>
            <ql-breadcrumb-item>客户分配</ql-breadcrumb-item>
            <ql-breadcrumb-item>我的分配</ql-breadcrumb-item>
        </ql-breadcrumb>
    </ng-template>
    <ng-template #action>
        <ql-button type="primary" (click)="chooseCustomer()">提交</ql-button>
        <ql-button type="primary" (click)="resetFun()">重置</ql-button>
    </ng-template>
</page-header>

<div>
    <ql-form [formGroup]="formGroup" label-width="100px" (submit)="onRefresh()">
        <!-- <ql-card header="客户关系调出" class="ql-text-left">
            <div class="row">
                <div ql-col span="8">
                    <ql-form-item label="原管户机构">
                        <ql-input></ql-input>
                    </ql-form-item>
                </div>
                <div ql-col span="8">
                    <ql-form-item label="原管户人">
                        <ql-input></ql-input>
                    </ql-form-item>
                </div>
                <div ql-col span="8">
                    <ql-form-item label="原管户角色">
                        <ql-select [clearable]="true">
                            <ql-option *ngFor="let item of dictService.getDict('manager_role')" [label]="item.paramLabel" [value]="item.paramValue"></ql-option>
                        </ql-select>
                    </ql-form-item>
                </div>
                <div ql-col span="8">
                    <ql-form-item label="管户关系起始">
                        <ql-date-picker> </ql-date-picker>
                    </ql-form-item>
                </div>
                <div ql-col span="8">
                    <ql-form-item label="管护关系结束">
                        <ql-date-picker> </ql-date-picker>
                    </ql-form-item>
                </div>
            </div>
        </ql-card> -->
        <!-- <ql-card header="客户已分配主管户人" class="ql-text-left">
            <div class="row">
                <div ql-col span="12">
                    <ql-form-item label="分配主管户">
                        <ql-select [clearable]="true">
                            <ql-option *ngFor="let item of sffpghrData" [label]="item.label" [value]="item.value"> </ql-option>
                        </ql-select>
                    </ql-form-item>
                </div>
            </div>
        </ql-card> -->
        <ql-card header="客户搜索条件" class="ql-text-left">
            <div class="row">
                <div ql-col span="8">
                    <ql-form-item label="客户姓名">
                        <ql-input formControlName="customerName"></ql-input>
                    </ql-form-item>
                </div>
                <div ql-col span="8">
                    <ql-form-item label="证件类型">
                        <ql-input formControlName="certType"></ql-input>
                    </ql-form-item>
                </div>
                <div ql-col span="8">
                    <ql-form-item label="证件号码">
                        <ql-input formControlName="certNo"></ql-input>
                    </ql-form-item>
                </div>
                <div ql-col span="8">
                    <ql-form-item label="客户等级">
                        <ql-select [clearable]="true" formControlName="customerLevel">
                            <ql-option *ngFor="let item of dictService.getDict('customer_level')" [label]="item.paramLabel" [value]="item.paramValue"></ql-option>
                        </ql-select>
                    </ql-form-item>
                </div>
                <div ql-col span="8">
                    <ql-form-item label="出生日期">
                        <ql-date-picker formControlName="birthday"></ql-date-picker>
                    </ql-form-item>
                </div>
                <!-- <div ql-col span="8">
                    <ql-form-item label="降级观察期次">
                        <ql-select [clearable]="true">
                            <ql-option *ngFor="" [label]="item.label" [value]="item.value"> </ql-option>
                        </ql-select>
                    </ql-form-item>
                </div> -->
                <!-- <div ql-col span="8">
                    <ql-form-item label="客户生日">
                        <ql-date-picker> </ql-date-picker>
                    </ql-form-item>
                </div> -->
                <!-- <div ql-col span="24"> -->
                <!-- <div ql-col span="8">
                        <ql-form-item label="至">
                            <ql-date-picker> </ql-date-picker>
                        </ql-form-item>
                    </div> -->
                <!-- </div> -->
                <!-- <div ql-col span="24">
                    <ql-form-item label="是否定投签约">
                        <ql-select [clearable]="true">
                            <ql-option *ngFor="let item of sfdtData" [label]="item.label" [value]="item.value"> </ql-option>
                        </ql-select>
                    </ql-form-item>
                </div> -->
                <div ql-col span="8">
                    <ql-form-item label="AUM">
                        <!-- <ql-select [clearable]="true">
                            <ql-option *ngFor="let item of aumData" [label]="item.label" [value]="item.value"> </ql-option>
                        </ql-select> -->
                        <ql-input formControlName="aum"></ql-input>
                    </ql-form-item>
                </div>
                <!-- <div ql-col span="10">
                    <ql-form-item label="AUM最大值">
                        <ql-input formControlName="aumbig"></ql-input>
                    </ql-form-item>
                </div> -->
                <!-- <div ql-col span="6">
                    <ql-form-item label="且">
                        <ql-select [clearable]="true">
                            <ql-option *ngFor="let item of aumData2" [label]="item.label" [value]="item.value"> </ql-option>
                        </ql-select>
                    </ql-form-item>
                </div>
                <div ql-col span="6">
                    <ql-form-item label="">
                        <ql-input></ql-input>
                    </ql-form-item>
                </div> -->
                <div ql-col span="8">
                    <ql-form-item label="资产余额">
                        <ql-input formControlName="assetBal"></ql-input>
                    </ql-form-item>
                </div>
                <!-- <div ql-col span="10">
                    <ql-form-item label="资产最大值">
                        <ql-input formControlName="assetBalbig"></ql-input>
                    </ql-form-item>
                </div> -->
                <!-- <div ql-col span="6">
                    <ql-form-item label="且">
                        <ql-select [clearable]="true">
                            <ql-option *ngFor="let item of aumData2" [label]="item.label" [value]="item.value"> </ql-option>
                        </ql-select>
                    </ql-form-item>
                </div>
                <div ql-col span="6">
                    <ql-form-item label="">
                        <ql-input></ql-input>
                    </ql-form-item>
                </div> -->
            </div>
        </ql-card>
    </ql-form>

    <ql-card>
        <data-table [model]="myassignList" selection="multiple" (selection-change)="onCheckChange($event)">
            <ql-table-column model-key="customerno" label="客户编号"> </ql-table-column>
            <ql-table-column model-key="customername" label="客户姓名"> </ql-table-column>
            <ql-table-column model-key="sex" label="性别">
                <ng-template #slot let-scope="scope">
                    {{scope.rowData.sex | dict:'sex'}}
                </ng-template>
            </ql-table-column>
            <ql-table-column model-key="customerlevel" label="客户等级">
                <ng-template #slot let-scope="scope">
                    {{scope.rowData.customerlevel | dict:'customer_level'}}
                </ng-template>
            </ql-table-column>
            <ql-table-column model-key="customertype" label="客户类型">
                <ng-template #slot let-scope="scope">
                    {{scope.rowData.customertype | dict:'customer_type'}}
                </ng-template>
            </ql-table-column>
            <ql-table-column model-key="aum" label="AUM"> </ql-table-column>
            <ql-table-column model-key="orgname" label="主管户机构"> </ql-table-column>
            <!-- <ql-table-column model-key="ctuser" label="主管户人"> </ql-table-column>
            <ql-table-column model-key="ctfjg" label="辅管户机构"> </ql-table-column>
            <ql-table-column model-key="ctfuser" label="辅管户人"> </ql-table-column> -->
        </data-table>
    </ql-card>

    <ql-form label-width="100px">
        <ql-card header="客户关系调动" class="ql-text-left">
            <ng-template #header>
                <card-header title="客户关系调动">
                    <ql-button type="primary" size="small" (click)="resetFun()">重置</ql-button>
                    <ql-button type="primary" size="small" (click)="sendDistribution()">发送分配</ql-button>
                </card-header>
            </ng-template>
            <div class="row">
                <!-- <div ql-col span="24">
                    <ql-form-item label="客户管户关系">
                        <ql-select [clearable]="true">
                            <ql-option *ngFor="let item of khghData" [label]="item.label" [value]="item.value"> </ql-option>
                        </ql-select>
                    </ql-form-item>
                </div> -->
                <div ql-col span="8">
                    <ql-form-item label="管户机构">
                        <ql-input [(ngModel)]="orgNameParam"></ql-input>
                        <!-- <ql-select [clearable]="true">
                            <ql-option *ngFor="let item of yghjgData" [label]="item.label" [value]="item.value"> </ql-option>
                        </ql-select> -->
                    </ql-form-item>
                </div>
                <div ql-col span="8">
                    <ql-form-item label="管户人">
                        <!-- <ql-select [clearable]="true">
                            <ql-option *ngFor="let item of yghrData" [label]="item.label" [value]="item.value"> </ql-option>
                        </ql-select> -->
                        <ql-input [(ngModel)]="managerNameParam"></ql-input>
                    </ql-form-item>
                </div>
                <div ql-col span="8">
                    <ql-form-item label="管户角色">
                        <ql-select [clearable]="true" [(ngModel)]="managerRolenoParam">
                            <ql-option *ngFor="let item of dictService.getDict('manager_role')" [label]="item.paramLabel" [value]="item.paramValue"> </ql-option>
                        </ql-select>
                    </ql-form-item>
                </div>
                <!-- <div ql-col span="24" class="ql-text-right">
                  <ql-button type="primary" size="small">重置</ql-button>
                  <ql-button type="primary" size="small">发送分配</ql-button>
                </div> -->
            </div>
        </ql-card>
    </ql-form>
</div>
